@import 'mixin.scss';
@import 'color.scss';
.home-sprites,
.home-hot .full-title:before {
    background-image: url(../images/index-icons.png);
    background-repeat: no-repeat;
}

// banner 渐变
.banner-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    height: rem(126px);
    background: -webkit-linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.home-banner {
    .swiper-slide {
        padding-bottom: 53.068%;
    }
}

//主栏目
.home-nav {
    padding: rem(20px) 0;
    background-color: $color-white;
    li {
        @include flex;
        font-size: rem(26px);
        text-align: center;
        img {
            margin-bottom: rem(15px);
            width: rem(94px);
            height: rem(94px);
        }
    }
}

//今日推荐
.home-hot {
    margin: rem(20px) 0;
    background-color: $color-white;
    .home-hot-title {
        height: rem(79px);
        padding: rem(20px) rem(30px);
        border-bottom: 1px $border-color solid;
        .hot-more-link {
            width: rem(150px);
            height: rem(37px);
            border-radius: rem(20px);
            background-color: $subject-color;
            color: $color-white;
            font-size: rem(20px);
            line-height: rem(37px);
            i {
                display: inline-block;
                margin-left: rem(10px);
                width: rem(14px);
                height: rem(14px);
                @include img-position(0, rem(-33px));
                background-size: rem(66px);
            }
        }
    }
    .full-title {
        font-size: rem(30px);
        color: $subject-color;
        align-items: center;
        &:before {
            content: '';
            display: inline-block;
            margin-right: rem(15px);
            width: rem(32px);
            height: rem(32px);
            background-size: rem(63px);
            background-repeat: no-repeat;
        }
    }
    .sub-title {
        display: inline-block;
        font-size: rem(24px);
        line-height: rem(30px);
        color: $color-999;
        &:before {
            margin: 0 rem(13px);
            color: $link-a-color;
            content: '\B7';
        }
    }
    .swiper-slide {
        padding: rem(15px) rem(15px) 0 rem(15px);
        border-right: 1px solid $border-color;
        text-align: center;
        &:last-child {
            border-right: none;
        }
    }
}

// 大家都在看
.home-recommend {
    margin-top: rem(25px);
    padding-bottom: rem(100px);
    .recommend-title {
        padding: rem(25px) 0;
        color: $subject-color;
        font-size: rem(32px);
        &::before,
        &::after {
            content: '';
            width: rem(65px);
            height: rem(11.5px);
            background-image: url(../images/index-icons.png);
            background-size: rem(65px) rem(114.5px);
        }
        &::before {
            margin-right: rem(20px);
            @include img-position(0, rem(-90px));
        }
        &::after {
            margin-left: rem(20px);
            @include img-position(0, rem(-102px));
        }
    }
    ul {
        padding: rem(10px);
        background-color: $color-white;
    }
    li {
        margin: 1%;
        padding: rem(5px);
        width: 48%;
        border: 1px $border-color solid;
    }
}